<template>
  <div class="son2">
      <h3>son2.vue</h3>
      <p>拿到了--{{ myMsg }}</p>
      <button @click="fn1">订阅</button>
  </div>
</template>

<script>
// import bus from '../eventBus/index.js'
export default {
  data() {
    return {
      myMsg: ''
    }
  },
  methods: {
    fn1 () {

    }
  },
   // 接收应该越早接越好，免得错过任何一条消息
   created () {
  
     this.$bus.$on('xx', data => {

       // 当son1发送了数据，就会自动调用这个回调函数
       // 并且参数就是传递过来的数据
       console.log('拿到了', data)
       this.myMsg = data
     })
   }
}
</script>

<style>
.son2 {
    width: 300px;
    height: 300px;
    border: 1px solid #000;
}
</style>